/* pages/acess.wxss */
.user-list {
    padding: 16rpx;
}

.title {
    font-size: 20px;
    font-weight: 600;
}

.list-item {
    padding: 20rpx;
    border-radius: 10rpx;
    background-color: #ffffff;
    box-shadow: 0 0 5rpx rgba(0, 0, 0, 0.1);
    margin-bottom: 10rpx;
}

.list-item-text {
    font-size: 32rpx;
    color: #333333;
}

/*table相关css*/
.table {
    border-style: solid;
    border-width: 4rpx;
    border-color: #eee;
    margin-top: 24rpx;
}

.tr {
    display: flex;
    width: 100%;
    justify-content: center;
    height: 3rem;
    align-items: center;
}

.td {
    width: 40%;
    justify-content: center;
    text-align: center;
}

.user-role {
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    background-color: #ff0000;
    padding: 2px 6px;
    border-radius: 4px;
    display: inline;

    &.normal {
        background-color: #07c160;
    }
}

.bg-header {
    background: #FFE4B5;
}

.bg-items {
    background: #e6f3f9;
}

.th {
    width: 40%;
    color: #080808;
    display: inline-block;
    text-align: center;
}

.th {
    width: 40%;
    color: #080808;
    display: inline-block;
    text-align: center;
}

.size {
    display: flex;
    justify-content: center;
    width: 78rpx;
    height: 78rpx;
}

.msize {
    display: flex;
    justify-content: center;
    width: 78rpx;
    height: 78rpx;
}

.button {
    display: flex;
    flex-direction: row;
}

.header {
    display: flex;
    justify-content: center;
    font-size: 43rpx;
}

.operation-row {
    margin-top: 36rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 24rpx;
}